草庐IT

HTML5 新元素

全部标签

javascript - 如何在 HTML 下拉列表中显示复选框?

我需要用复选框填充下拉列表(HTML)。我尝试使用来显示这样的列表标记并在JSP页面中应用一些样式,但它显示的列表类似于列表框。下面是JSP页面中的代码以及Javascript,它仅在单击页面上的唯一按钮时提​​醒已检查的语言列表。CheckboxlistfunctionselectCheckBox(){vartotal="";for(vari=0;iEnglishHindiItalianChineseJapaneseGerman它只显示一个语言列表,如下面的快照所示。我需要的是将此语言列表显示为下拉列表(而不是列表框)。我该怎么做? 最佳答案

javascript - 在 AngularJS 指令模板中的元素上测试 focus()

给定以下指令directive('myDirective',function(){return{restrict:'A',scope:{},replace:false,template:'',link:function(scope,element,attr){scope.onFocus=function(){console.log('gotfocus');};}};});我已经测试过焦点观察器可以在浏览器中工作,但我希望能够在单元测试中触发它。这是我尝试过的方法,但没有用。varelement=angular.element('');$compile(element)($scope);

javascript - 通过仅添加元素而不推送 javascript 来更改数组大小

我知道更改数组大小的通用方法是使用.push()。然而,今天我在angularJS中看到了一段代码,它做了这样的事情:varservice={pages:[],doSmth:doSmth};doSmth();functiondoSmth(){service.pages[1]="abc";service.pages[5]="def";}我在浏览器上运行调试器,发现在doSmth()被调用之前,pages[1]是未定义的,但是在那之后,pages[1]被赋值,没有任何错误。这怎么可能? 最佳答案 这正是JavaScript的神奇之处。如

javascript - 删除容器外的所有元素?

我正在尝试找到一种方法来删除特定容器之外的所有元素(div)。例如:我有一个HTML容器,里面有一些div,如下所示:我基本上需要删除container之外的类名为baby的所有元素。有些元素甚至没有容器,所以我无法使用父元素或类似的东西来定位它们。这可能吗? 最佳答案 您可以使用:not()或not()避免#container中的元素$('.baby:not(#container.baby)').remove();1111222333使用not()$('.baby').not('#container.baby').remove()

javascript - Vue - 使用 refs 来聚焦元素目标

点击spanclass="before-click"时,我想隐藏它,而是显示inputclass="after-click"。并且出现的输入标签必须是焦点!问题是当我尝试使用$refs.afterClick访问那个DOM并给它.focus()时,一个意外错误显示.focus()不是一个函数。如何解决这个问题?谢谢。varmyApp=newVue({el:'#app',data:{onEdit:false,msg:'Somethinginhere',},methods:{switchAndFocus(){if(!this.onEdit){this.onEdit=true;this.$re

javascript - 如何排除提交的 HTML 表单单选按钮值?

我只需要通过网络表单向cgi脚本提交一个输入字段值。我添加了几个额外的表单控件(一个复选框和单选按钮),它们根据所选状态来操作输入值。提交表单时,还会提交额外的表单字段值,这会破坏cgi脚本(我无权访问)。我从复选框中删除了“名称”属性,因此它们不会被提交,但不能对单选按钮执行此操作,因为它会破坏它们的分组。如何防止提交单选按钮值? 最佳答案 您可以添加disabled在submit中赋予它们处理程序,这将防止它们被jQuery或普通序列化。提交。例如:$("#myForm").submit(function(){$(this).f

javascript - 在没有元素的情况下使用 jquery ui 显示模式对话框?

我正在制作一个小型jquery应用程序。我需要一些确认框出现。但是,我不想为了打开对话框而必须将元素附加到正文。有没有办法避免这种情况?只是调用一个对话框并传递诸如标题、文本和选项之类的参数? 最佳答案 当您创建jQueryUI对话框时,当前版本(1.8.*)自动将对话框添加到正文中。所以如果你这样做:$('').dialog({modal:true})它只是工作。不过,您应该确保在关闭对话框的情况下调用.remove()以删除新元素!functionmyalert(title,text){vardiv=$('').html(tex

javascript - 为什么我不能在 JavaScript 中设置数组元素(字符串)的属性?

vararray=['a','b','c'];array[0].property='value';alert(array[0].property);alert(array[0].property='value');alert(array[0].property);结果呢?undefined,'value',然后是undefined为什么这段代码没有按预期工作? 最佳答案 数组无关紧要-您正试图在primitive上设置一个属性:Adatathatisnotanobjectanddoesnothaveanymethods.JavaSc

javascript - 将 jQuery 函数应用于具有相同类的多个元素

我有一个网页,上面有多个slider,所有slider都带有“.viewer”类如果我添加我的jQuery$('.viewer').carousel('.viewer#simplePrevious','.viewer#simpleNext');这不起作用,这是因为它不知道这也适用于哪个slider吗?它不应该应用于页面上的所有.viewer元素吗? 最佳答案 您应该使用jQuery方法each():$('.viewer').each(function(){$(this).carousel('.viewer#simplePreviou

javascript - 列表框选项元素上的 Twitter Bootstrap 弹出窗口和工具提示显示在错误的位置

我已经设置了一个快速jsFiddle来证明问题。当在选择列表的选项元素上使用Bootstrap的工具提示或弹出窗口时,弹出窗口或工具提示不会显示在项目旁边,而是显示在页面的最左上角。我使用的HTML是:Item1Item2Item3Item4​javascript调用很简单:$(function(){$('#testListoption[rel=popover]').popover({placement:'right',trigger:'hover'});});​我该怎么做才能让它显示在正确的位置? 最佳答案 这是预期的。结核病to